<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/main-search.css">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/Normalize.css">
    <link rel="stylesheet" href="../libs/font/iconfont.css">
    <link rel="stylesheet" href="../css/details.css">
</head>
<body>
    <header></header>
    <div class="main-search"></div>
    <nav></nav>
    <main>
        <div class="main-box">
            <div class="main-top">
                <span class="iconfont icon-shouye"></span>
                <a href="#">首页</a>＞<a href="#">商品详情</a>
            </div>
            <div class="main-center">

                <div class="fdj">
                    <div class="smallBox">
                        <img src="" alt="">
                        <span></span>
                    </div>
                    <div class="bigBox">
                        <img src="">
                    </div>
                    <ol></ol>
                </div>

                <div class="center">
                    <p class="title"></p>
                    <img class="i1" src="../img/sphh.png" alt="">
                    <p >优惠价：<span class="price"></span></p>
                    <table border="1px" width="300" height="61" cellspacing="0" cellpadding="1" >
                        <tr>
                            <td>批发价格:</td>
                        </tr>
                        <tr>
                            <td><p class="">此商品暂不批发</p></td>
                        </tr>
                    </table>
                    <img class="i2" src="../img/pfen.png" alt="">
                    <button>加入购物车</button>
                    
                </div>
                <div class="right">
                    <img src="../img/right.png" alt="">
                </div>
            </div>
            <div class="main-left">
                <div class="promotion">
                    <span>促销推荐</span>
                </div>
                <div class="promotion-box">
                     <span>当季热卖</span>
                     <span>口碑之选</span>
                     <span>明星推荐</span>
                     <span>直发专区</span>
                     <span>瑕疵处理</span>
                     <span>瑕疵处理</span>
            
                </div>
                <div class="promotion">
                    <span>肌肤护理</span>
                </div>
                <div class="promotion-box2">
                     <span>卸妆</span>
                     <span>洁面</span>
                     <span>化妆水</span>
                     <span>面霜</span>
                     <span>乳液</span>
                     <span>精华</span>
                     <span>面膜</span>
                     <span>眼膜</span>
                     <span>防晒</span>
                     <span>护唇</span>
                     <span>喷雾</span>
                     <span>按摩/去角质</span>
                     <span>鼻贴/去黑头</span>
                     <span>祛痘</span>
                     <span>颈部</span>
                     <span>母婴护理</span>
                     <span>男士护肤</span>
                </div>
                <div class="promotion">
                    <span>完美彩妆</span>
                </div>
                <div class="promotion-box3">
                     <span>气垫</span>
                     <span>妆前/隔离</span>
                     <span>遮瑕</span>
                     <span>粉底/BB霜</span>
                     <span>粉饼</span>
                     <span>蜜粉/散粉</span>
                     <span>高光/修容</span>
                     <span>腮红</span>
                     <span>眼线</span>
                     <span>睫毛</span>
                     <span>眉毛</span>
                     <span>眼影</span>
                     <span>口红/唇釉</span>
                     <span>指甲</span>
                     <span>其他彩妆</span>
                </div>
                <div class="promotion">
                    <span>美丽工具</span>
                </div>
                <div class="promotion-box4">
                     <span>睫毛夹</span>
                     <span>吸油纸</span>
                     <span>化妆刷</span>
                     <span>化妆包</span>
                     <span>粉补/美蛋妆</span>
                     <span>化妆棉/洗脸</span>
                     <span>礼品袋</span>
                     <span>其他工具</span>
                </div>
                <div class="promotion">
                    <span>小样&礼盒</span>
                </div>
                <div class="promotion-box5">
                     <span>旅行小样</span>
                     <span>套装礼盒</span>
                </div>
                <div class="promotion">
                    <span>顶级香氛</span>
                </div>
                <div class="promotion-box4">
                     <span>吸油纸</span>
                     <span>化妆刷</span>
                     <span>化妆包</span>
                     <span>粉补/美蛋妆</span>
                     <span>化妆棉/洗脸</span>
                     <span>礼品袋</span>
                     <span>其他工具</span>
                </div>
                <div class="promotion">
                    <span>身体护理</span>
                </div>
                <div class="promotion-box4">
                     <span>吸油纸</span>
                     <span>化妆刷</span>
                     <span>化妆包</span>
                     <span>粉补/美蛋妆</span>
                     <span>化妆棉/洗脸</span>
                     <span>礼品袋</span>
                     <span>其他工具</span>
                </div>
                <div class="promotion">
                    <span>头发护理</span>
                </div>
                <div class="promotion-box">
                     <span>当季热卖</span>
                     <span>口碑之选</span>
                     <span>明星推荐</span>
                     <span>直发专区</span>
                     <span>瑕疵处理</span>
                </div>
                <div class="promotion">
                    <span>居家美食</span>
                </div>
                <div class="promotion-box5">
                     <span>柳州特产</span>
                     <span>居家美食</span>
                </div>
                <div class="promotion">
                    <span>赠品</span>
                </div>
                <div class="promotion-box6">
                     <span>1500赠品</span>
                     <span>1000赠品</span>
                     <span>500赠品</span>
                </div>
            </div>
            <div class="details"></div>
        </div>
        
        
    </main>
    <footer></footer>

    <script src="../libs/require.js" data-main="../js/main.js"></script>
    <script src="../js/pAjax.js"></script>
    <script src="../js/details.js"></script>
    <script src="../js/fdj.js"></script>
    
</body>
</html>